
<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta charset="utf-8" />
  <link rel="icon" type="image/png" href="./pk.png">
  <link rel="stylesheet" href="./css/index.css">
  <title>Chinese Chess</title>
</head>
<body>
  <svg id="clip-paths" width="0" height="0" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g></g></svg>
  <div id="page">
    <header>
      <div id="header-content">
        <div id="header-logo">
          <svg id="logo" width="80" height="67" viewBox="0 0 160 134" xmlns="http://www.w3.org/2000/svg"><path d="M24.44 78.157L0 53.53 53.417 0l26.39 26.612L106.38 0l53.482 53.614L136.25 77.31l-29.312-29.2-26.46 26.946-26.548-26.58-29.49 29.68zm5.335 5.375l50.033 50.415 51.108-51.286-23.775-23.684-26.712 26.72-26.372-26.404-24.28 24.24z" fill="white" fill-rule="evenodd"/></svg>
			
        </div>
        <h1>Chinese Chess</h1>
        <p>China·CQU·Mingyue Class</p>
		<img class="cover" src="./pk.png" alt="中国象棋" width="100" height="100">
      </div>
    </header>
    <div id="content">
      <section id="Introductions">
        <h2>&nbsp;</h2>
        <h2>Introductions</h2>
<ul>
        <li><a href="https://baike.baidu.com/item/%E4%B8%AD%E5%9B%BD%E8%B1%A1%E6%A3%8B/278314#:~:text=%E4%B8%AD%E5%9B%BD%E8%B1%A1%E6%A3%8B%E6%98%AF%E8%B5%B7%E6%BA%90%E4%BA%8E%E4%B8%AD%E5%9B%BD%E7%9A%84%E4%B8%80%E7%A7%8D%E6%A3%8B%EF%BC%8C%E5%B1%9E%E4%BA%8E%E4%BA%8C%E4%BA%BA%E5%AF%B9%E6%8A%97%E6%80%A7%E6%B8%B8%E6%88%8F%E7%9A%84%E4%B8%80%E7%A7%8D%EF%BC%8C%E5%9C%A8%E4%B8%AD%E5%9B%BD%E6%9C%89%E7%9D%80%20%E6%82%A0%E4%B9%85%20%E7%9A%84%E5%8E%86%E5%8F%B2%E3%80%82%20%E7%94%B1%E4%BA%8E%E7%94%A8%E5%85%B7%E7%AE%80%E5%8D%95%EF%BC%8C%E8%B6%A3%E5%91%B3%E6%80%A7%E5%BC%BA%EF%BC%8C%E6%88%90%E4%B8%BA%E6%B5%81%E8%A1%8C%E6%9E%81%E4%B8%BA%E5%B9%BF%E6%B3%9B%E7%9A%84%E6%A3%8B%E8%89%BA%E6%B4%BB%E5%8A%A8%E3%80%82%20%5B1%5D,%E4%B8%AD%E5%9B%BD%E8%B1%A1%E6%A3%8B%E6%98%AF%20%E4%B8%AD%E5%9B%BD%E6%A3%8B%E6%96%87%E5%8C%96%20%EF%BC%8C%E4%B9%9F%E6%98%AF%E4%B8%AD%E5%8D%8E%E6%B0%91%E6%97%8F%E7%9A%84%E6%96%87%E5%8C%96%E7%91%B0%E5%AE%9D%EF%BC%8C%E5%AE%83%E6%BA%90%E8%BF%9C%E6%B5%81%E9%95%BF%EF%BC%8C%E8%B6%A3%E5%91%B3%E6%B5%93%E5%8E%9A%EF%BC%8C%E5%9F%BA%E6%9C%AC%E8%A7%84%E5%88%99%E7%AE%80%E6%98%8E%E6%98%93%E6%87%82%E3%80%82%20%E4%B8%AD%E5%9B%BD%E8%B1%A1%E6%A3%8B%E5%9C%A8%E4%B8%AD%E5%9B%BD%E7%9A%84%E7%BE%A4%E4%BC%97%E4%B8%AD%E5%9F%BA%E7%A1%80%E8%BF%9C%E8%BF%9C%E8%B6%85%E8%BF%87%20%E5%9B%B4%E6%A3%8B%20%EF%BC%8C%E6%98%AF%E6%99%AE%E5%8F%8A%E6%9C%80%E5%B9%BF%E7%9A%84%E6%A3%8B%E7%B1%BB%E9%A1%B9%E7%9B%AE%EF%BC%8C%E4%B8%AD%E5%9B%BD%E8%B1%A1%E6%A3%8B%E5%B7%B2%E6%B5%81%E4%BC%A0%E5%88%B0%E5%8D%81%E5%87%A0%E4%B8%AA%E5%9B%BD%E5%AE%B6%E5%92%8C%E5%9C%B0%E5%8C%BA%E3%80%82">Introductions Of Chinese Chess</a></li>
	    <li><a href="https://zhuanlan.zhihu.com/p/98399454">How To Play Chinese Chess</a></li>
        </ul>
      </section>
      <section id="About US">
        <h2>&nbsp;</h2>
        <h2>More About US</h2>
<ul>
        <li><a href="https://gitee.com/shark-flavored-fish-man/pygame">Code On Gitee</a></li>
	    <li><a href="https://space.bilibili.com/500063594/video">Videos On BiliBili</a></li>
<!--        <li><a href="https://github.com/michaelvillar/proxy-web">Members In Our Team</a></li>-->
 <!--           <li><a href="https://github.com/michaelvillar/remote">IR Remote (iOS/macOS)</li>
-->
        </ul>
<!--        <a href="https://github.com/michaelvillar" class="more">More on GitHub<svg viewBox="0 0 10 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path class="arrow" d="M1.01362083,12.9421826 L1,15.6012598 L9.21426767,8.3533766 L1.07301897,1.34639246 L1.05985086,3.91708947 L6.21426767,8.3533766 L1.01362083,12.9421826 Z"></path></svg></a>-->
      </section>
      <section id="What Can We Offer">
        <h2>&nbsp;</h2>
        <h2>What Can You See</h2>
<ul>
        <li><a href="./gzqt.html">View The Results Of The Client Match</a></li>
        <li><a href="./gzai.html">Click Here To Watch A Live Game With AI</a></li>
        </ul>
      </section>
      <section id="work">
        <h2>&nbsp;</h2>
        <h2>If  Intreseted</h2>
<ul>
        <li><a href="./中国象棋.zip" download="./中国象棋.zip" onclick="clickCounter()" target="_setf" >Click Here To Download The Game</a></li>
		<div id="result"></div>
	    <script type="text/javascript">
		var result = document.getElementById("result");
			function clickCounter() {
    		if (localStorage.clickcount) localStorage.clickcount = Number(localStorage.clickcount) + 1
    		else localStorage.clickcount = 37;
    		result.innerHTML = "(It's been downloaded for "  + localStorage.clickcount + "times)";
			}
</script>
	    <li><a href="./AI/AI.html">Click Here To Play With AI</a></li>
        </ul>
      </section>
    </div>
  </div>
  <svg id="page-stripes" class="full-size" width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"></svg>
  </svg>
  <div id="intro" class="full-size">
    <div id="logo-container" class="full-size">
      <svg viewBox="0 0 640 536" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path transform="scale(4 4)" d="M24.44 78.157L0 53.53 53.417 0l26.39 26.612L106.38 0l53.482 53.614L136.25 77.31l-29.312-29.2-26.46 26.946-26.548-26.58-29.49 29.68zm5.335 5.375l50.033 50.415 51.108-51.286-23.775-23.684-26.712 26.72-26.372-26.404-24.28 24.24z" fill="#101214" fill-rule="evenodd"/></svg>
    </div>
    <svg id="stripes" class="full-size" width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"></svg>
  </div>
  <script src="./js/dynamics.js"></script>
  <script src="./js/tinycolor.js"></script>
  <script src="./js/mves5.js"></script>
</body>
</html>
